
<script type="text/javascript">
<!--
	$(document).ready(function(){
			ponerTitulo("Administraci&oacuten de Tipo Buque y Embarcaci&oacuten");
		
			jQuery("#s4list").jqGrid({ 
			url:'${pageContext.request.contextPath}/tipoBuqEmb.action?oper=cargarTipoBuqEmb',
			editurl:'${pageContext.request.contextPath}/tipoBuqEmb.action', 
			datatype: "json", 
			height: 'auto', width: 'auto', 
			colModel:[ 
						{name:'idTipoBuqueEmb',index:'idTipoBuqueEmb',hidden:true, width:150, label:'Id Opcion Menu', sortable:true, editable:true},
						{name:'nombreBuqueEmb',index:'nombreBuqueEmb', width:250, label:'Nombre', editable:true, edittype:"text"},
						{name:'descripcionBuqueEmb',index:'descripcionBuqueEmb', width:150, label:'Descripcion', editable:true, edittype:"text"},
						{name:'clasificacion',index:'clasificacion', width:150,editoptions:{value:'B:Buque;A:Artesanal;D:Deportivo;T:Turistico'}, label:'clasificacion', editable:true, edittype:"select"}
						
					], 
			rowNum:20, rowList:[2,20,30], 
			mtype: "POST", 
			rownumbers: true, rownumWidth: 40, 
			gridview: true, 
			pager: '#s4pager', 
			sortname: 'idTipoBuqueEmb', viewrecords: true, sortorder: "asc", 
			caption: "Mantenimiento de Tipo Buque y Embarcacion" 
		}).navGrid('#s4pager', { edit:true,add:true,del:true,search:false,refresh:true }, 
				{	width:600,height:320,
					beforeShowForm:function(formid){
					}
				}, // edit options 
				{	width:600,height:320,
					beforeShowForm:function(formid){
					}
				}, // add options 
				{width:375,height:175}, //del options 
				{multipleSearch:true} // search options 
			);
			
				
	});
</script>
<!-- <input type="text" id="prueba"/> -->
<center>
<table id="s4list" cellpadding="0" cellspacing="0"></table> 
<div id="s4pager"  style="text-align:center;"></div>
</center>